<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Actualizar cliente" />
            <ui:param name="identificacion" value ="#{actualizacionClienteBean.identificacion}"/>
            <ui:define name="body">
                 <a4j:form id="FormaActualizarCliente">
                 <rich:panel id="panelActualizarCliente" >
                    <f:facet name="header">
                                <h:outputText value="Actualización datos clientes" />
                     </f:facet>
                     <h:panelGrid  columns="2" columnClasses="cols" width="100%" >
                         <h:outputText value="Tipo documento:" />
                         <rich:comboBox id="tipoDocActDatos" directInputSuggestions="false" suggestionValues="#{actualizacionClienteBean.tiposDocumento}" value="#{actualizacionClienteBean.tipoDocumento}" />
                         <h:outputText value="Cedula:" />
                         <h:outputText id="cedulaActDatos" value="#{actualizacionClienteBean.cedula}"/>
                         <h:outputText value="Nombre:" />
                         <h:inputText id="nombreActDatos" value="#{actualizacionClienteBean.nombre}"/>
                         <h:outputText value="Apellido:" />
                         <h:inputText id="apellidoActDatos" value="#{actualizacionClienteBean.apellido}"/>
                         <h:outputText value="Teléfono:" />
                         <h:inputText id="telefonoActDatos" value="#{actualizacionClienteBean.telefono}"/>
                         <h:outputText value="Celular:" />
                         <h:inputText id="celularActDatos" value="#{actualizacionClienteBean.celular}"/>
                         <h:outputText value="Dirección:" />
                         <h:inputText id="direccionActDatos" value="#{actualizacionClienteBean.direccion}"/>
                         <h:outputText value="Email:" />
                         <h:inputText id="emailCliente" value="#{actualizacionClienteBean.email}"/>
                         <h:outputText value="Fecha nacimiento:" />
                         <rich:calendar id="nacimientoActDatos" value="#{actualizacionClienteBean.fechaNacimiento}"/>
                         <h:inputHidden/>
                         <rich:separator lineType="none"/>
                         <h:inputHidden/>
                         <h:panelGrid columns="2" columnClasses="cols" width="20%">
                             <a4j:commandButton value="Actualizar"  id="actualizar" action="#{actualizacionClienteBean.actualizarDatos}" reRender="panelActualizarCliente"/>
                         </h:panelGrid>
                     </h:panelGrid>
                </rich:panel>
                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
